<div class="detail">
    <div class="ftitle">{title} <br /></div>
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">Bản đồ</a></li>
            <li><a href="#tabs-2">Hình ảnh</a></li>
        </ul>
        <div id="tabs-1" class="map_picture">Đang tải bản đồ.</div>
        <div id="tabs-2" class="map_picture"><img src="{__SERVER}/views/images/upload/{image}" alt="Chưa cập nhật hình."></div>

    </div>
    <div class="address">
        <div style="width: 50%; float: left;">
            <span style="margin-top: 100px;">Địa Chỉ : {address}, {district}, {province} </span> <br />
            <a href="#" onclick="searchCoordinate()">Tìm Phòng Xung Quanh đây</a>
        </div>


    </div>
    <div class="infdetail"> <span style="color: red;" class="title"> Thông Tin Chi Tiết</span> </div>
    <div class="binfo">
        <p>{description}
        </p>
        
        <span class="title">Giá : {price} </span>  
        <span class="title" style="padding-left: 50px;">Diện Tich : {area}</span>
    </div>
</div>
<script type="text/javascript">

function initialize1() {
       var initpoint = new google.maps.LatLng({lat},{lng})
       var myOptions = {
           center: initpoint,
           zoom: 15,
           mapTypeId: google.maps.MapTypeId.ROADMAP
        };

       map = new google.maps.Map(document.getElementById("tabs-1"),
           myOptions);
     var marker = new google.maps.Marker({
         map: map,
         position: initpoint,
         icon: new google.maps.MarkerImage("{__SERVER}/views/images/map/flag-export.png"),
         title:"Center"
     });

}

function searchCoordinate(){
    var form = $(document.createElement( "form" )).attr( {"method": "post", "action": "{__SERVER}/map"} );
    $(document.createElement("input")).attr({ "type": "hidden", "name": "lat", "value": {lat} }).appendTo( form );
    $(document.createElement("input")).attr({ "type": "hidden", "name": "lng", "value": {lng} }).appendTo( form );
    form.appendTo( document.body ).submit();
};

 $('#tabs').tabs();
</script>
    <script type="text/javascript">

    </script>

